<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" type="text/css" href="static/css/style.css">
  <link rel="stylesheet" type="text/css" href="static/css/public.css">
  <link rel="stylesheet" type="text/css" href="static/css/index.css">
  <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_403219_hlru4nn2n8kt9.css">
  <title>动态</title>
  <style>
  </style>
</head>
<body>
  <div class="space" id='space'>
    <div class="header" id='header'>
      <div class="wrap">
        <a href="#" class="logo fl"><img src="static/img/logo.png" alt=""></a>
        <ul class='fl nav' id='nav'>
          <li><a href="index.html">首页</a></li>
          <li><a href="recommend.html">推荐作品</a></li>
          <li class='active'><a href="my_space.html">动态</a></li>
          <span></span>
        </ul>
        <div class="fr right">
          <div href="javascript:;" class="submission fr">投稿
            <ul class='hide-ul'>
              <li><a href="issueProduction.html">作品发布</a></li>
              <li><a href="issueLog.html">文章发布</a></li>
              <li><a href="my_space.html">心情发布</a></li>
            </ul>
          </div>
          <!-- 头像组合和下拉框 -->
          <div class="avator fr">
            <img src="static/img/img_all01.png" alt="">

            <!-- 这个hide-box是登录之后的样子 -->
            <div class="hide-box" style='display:none'>
              <p class='name'>你大爷</p>
              <p class='info'>
                <span><i class='icon iconfont icon-liangshinew'></i>8
                  <!-- what是里面的小弹框 -->
                  <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i>
                </span>
                <span><i class='icon iconfont icon-yugu1'></i>6
                <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i></span>
                <span><i class='icon iconfont icon-wode'></i>5
                <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i></span>
                <a href="javascript:;" class="fr">充值</a>
              </p>
              <ul class='clearfix'>
                <li><a href="my_page.html">我的主页</a></li>
                <li><a href="my_collection.html">我的收藏</a></li>
                <li><a href="my_center_wallet.html">我的钱包</a></li>
                <li><a href="my_products.html">我的创作</a></li>
                <li><a href="achievement.html">我的成就</a></li>
                <li><a href="my_center_data.html">账号设置</a></li>
              </ul>
              <a href="javascript:;" id='login_out' class='hide-btn'>退出</a>
            </div>
            <!-- 这个hide-box是没登录的样子 -->
            <div class="hide-box not-login" id='not-login'>
              <p>登陆后你可以 :</p>
              <div class="img-box">
                <img src="static/img/danmu2.png" alt="" id='imgmove1'>
                <img src="static/img/danmu2.png" alt="" id='imgmove2'>
              </div>
              <div class="register">
                还没有账号？<a href="login.html?type=1">点击我去注册</a>
              </div>
              <a href="login.html?type=2" id='login_in' class='hide-btn'>登录</a>
            </div>
          </div>
          <div class="news fr"><img src="static/img/news.png" alt=""><i></i>
            <ul class='hide-ul'>
              <li><a href="newsCenter.html?type=1">收到的评论</a></li>
              <li><a href="newsCenter.html?type=2">点赞 / 收藏</a></li>
              <li><a href="newsCenter.html?type=3">系统通知</a></li>
              <li><a href="newsCenter.html?type=4">私信消息</a></li>
            </ul>
          </div>
          <div class="search-box fr">
            <a class="search fl clearfix" id="search"></a>
            <input type="text" class='fl' placeholder="搜索作品、二次元星人等">
          </div>
        </div>
      </div>
    </div>
    <!-- 空间主体 -->
    <div class="main clearfix">
      <!-- 左栏 -->
      <div class="left">
        <!-- 个人中心 -->
        <div class="info">
          <img src="static/img/img_all02.png" alt="">
          <p class='name'>慕言</p>
          <p>关注<span>169</span>&nbsp;丨&nbsp;粉丝 <span>54</span></p>
          <div class="group">
            <a href="javascript:;">我的主页</a>
            <a href="javascript:;">我的收藏</a>
            <a href="javascript:;">作品管理</a>
            <a href="javascript:;">文章管理</a>
          </div>
        </div>

        <!-- 个人作品排行 -->
        <div class="personal-work">
          <p>个人作品排行<span>今日</span><span>本周</span></p>
          <ul>
            <li class='clearfix'>
              <div class="img fl">
                <img src="static/img/notice_img5.png" alt="">
                <span>NO.1</span>
              </div>
              <div class="name">
                哈哈哈吼吼
              </div>
            </li>
            <li class='clearfix'>
              <div class="img fl">
                <img src="static/img/notice_img5.png" alt="">
                <span>NO.1</span>
              </div>
              <div class="name">
                哈哈哈吼吼
              </div>
            </li>
            <li class='clearfix'>
              <div class="img fl">
                <img src="static/img/notice_img5.png" alt="">
                <span>NO.1</span>
              </div>
              <div class="name">
                哈哈哈吼吼
              </div>
            </li>
            <li class='clearfix'>
              <div class="img fl">
                <img src="static/img/notice_img5.png" alt="">
                <span>NO.1</span>
              </div>
              <div class="name">
                哈哈哈吼吼
              </div>
            </li>
          </ul>
          <a href="javascript:;" class='see_more'>查看更多></a>
        </div>
        <!-- 个人打赏排行 -->
        <div class="personal-work">
          <p>个人打赏排行<span>今日</span><span>本周</span></p>
          <ul>
            <li class='clearfix'>
              <div class="img fl">
                <img src="static/img/img_all02.png" alt="">
                <span>NO.1</span>
              </div>
              <div class="name">
                哈哈哈吼吼
              </div>
            </li>
            <li class='clearfix'>
              <div class="img fl">
                <img src="static/img/img_all02.png" alt="">
                <span>NO.1</span>
              </div>
              <div class="name">
                哈哈哈吼吼
              </div>
            </li>
            <li class='clearfix'>
              <div class="img fl">
                <img src="static/img/img_all02.png" alt="">
                <span>NO.1</span>
              </div>
              <div class="name">
                哈哈哈吼吼
              </div>
            </li>
            <li class='clearfix'>
              <div class="img fl">
                <img src="static/img/img_all02.png" alt="">
                <span>NO.1</span>
              </div>
              <div class="name">
                哈哈哈吼吼
              </div>
            </li>
          </ul>
          <a href="javascript:;" class='see_more'>查看更多></a>
        </div>
      </div>

      <!-- 右边主体 -->
      <div class="right fr">
        <div class="pic">
          <textarea name="" id="saytext"  style="resize:none"></textarea>
<!--           <p><span class="emotion">表情</span><input type="button" class="sub_btn" value="提交"> -->
          <div class="sub clearfix">
            <div class="fl">
              <a href="javascript:;" id='space-emj' class='emotion'><img src="static/img/icon_emoji.png" alt="">表情</a>
              <a href="javascript:;" id='space-pic'><img src="static/img/icon_img.png" alt="">图片</a>
            </div>
            <a href="javascript:;" id='space_sub' class='fr'>发表</a>
          </div>
          <div id="pic-hiden">
            <p>共<span id='space_now'>0</span>张，还能上传<span id='space_leave'>8</span>张</p>
            <ul class="clearfix" id='pic-container'>
              <a href="javascript:;" id='space_addimg'>
                <input type="file" id='add-input' name='file' multiple/>
              </a>
            </ul>
          </div>
        </div>

        <!-- 各种鬼东西详细信息 -->
        <div class="detail">
          <ul>
            <!-- 这条是心情 -->
            <li>
              <div class="who">
                <img src="static/img/img_all_essay.png" alt=""><span>王昭君</span><span>2小时前</span>
              </div>
              <div class="xingqing">
                <p><img src="static/img/xinqing.png" alt="" title='心情'>
                <span>今天的动漫画展[em_7]真的是太让人惊喜了，我最爱的千指大人也到了现场，开森开森(*^▽^*)</span>
                </p>
                <div class="xingqing-img">
                  <ul class='clearfix'>
                    <li>
                      <img src="static/img/img_all01.png" height="210" width="267" alt="">
                    </li>
                    <li>
                      <img src="static/img/img_all02.png" height="210" width="267" alt="">
                    </li>
                    <li>
                      <img src="static/img/img_all01.png" height="210" width="267" alt="">
                    </li>
                    <li>
                      <img src="static/img/img_all02.png" height="210" width="267" alt="">
                    </li>
                  </ul>
                </div>
              </div>
              <div class="btn">
                  <i class='icon iconfont icon-pinglun'></i><span>23</span><i class='icon iconfont icon-xihuan'></i><span>23</span>
              </div>
              <!-- 评论 -->
              <div class="hidden">
                <div class="sya clearfix">
                  <input type="text">
                  <a href="javascr:;">评论</a>
                </div>
                <ul class='inner' id='inner'>
                  <li class='clearfix'>
                    <div class="fl avator">
                      <img src="static/img/img_all01.png" alt="">
                    </div>
                    <div class="content">
                      <div class="top">
                        <span>彭于晏</span><span>11天前</span>
                      </div>
                      <div class="mid">
                        <p>呵呵～你记错了，明明是李炬好不好</p>
                        <div class="has-child">
                          <div class="name">吴彦祖</div>
                          <div class="con">
                            <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                          </div>
                        </div>
                      </div>
                      <div class="bottom">
                        <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                        <div class="hidden">
                          <div class="box clearfix">
                            <div class="fl saytowho">
                              回复 <span>彭于晏</span>:
                            </div>
                            <input type="text" class='huifu'>
                          </div>
                          <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class='clearfix'>
                    <div class="fl avator">
                      <img src="static/img/img_all02.png" alt="">
                    </div>
                    <div class="content">
                      <div class="top">
                        <span>吴彦祖</span><span>11天前</span>
                      </div>
                      <div class="mid">
                        <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                      </div>
                      <div class="bottom">
                        <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                        <div class="hidden">
                          <div class="box clearfix">
                            <div class="fl saytowho">
                              回复 <span>珍珠问</span>:
                            </div>
                            <input type="text" class='huifu'>
                          </div>
                          <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
                <a href="javascript:;" class='see-xinqing'>查看更多评论</a>
              </div>
            </li>

            <!-- 这条是t图片作品 -->
            <li>
              <div class="who">
                <img src="static/img/img_all01.png" alt=""><span>王昭君</span><span>2小时前</span>
              </div>
              <div class="xingqing zuoping">
                <p><img src="static/img/zuoping.png"  alt="" title='图片'><span class="title">一个人旅行</span></p>
                <div class="text">
                  「想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人。」
                </div>
                <div class="xingqing-img">
                  <ul class='clearfix'>
                    <li>
                      <img src="static/img/img_all01.png" height="210" width="267" alt="">
                    </li>
                    <li>
                      <img src="static/img/img_all02.png" height="210" width="267" alt="">
                    </li>
                    <li>
                      <img src="static/img/img_all01.png" height="210" width="267" alt="">
                    </li>
                    <li>
                      <img src="static/img/img_all02.png" height="210" width="267" alt="">
                    </li>
                  </ul>
                </div>
                <div class="type">
                  <span>插画</span><span>原话</span><span>萌萌哒</span>
                </div>
              </div>
              <div class="ggg clearfix">
                <a href="javascript:;" class='xing'><i class='icon iconfont icon-xing3'></i><span>333</span></a>
                <a href="javascript:;" class='zhuanfa'><i class='icon iconfont icon-zhuanfa'></i><span>45</span></a>
                <a href="javascript:;" class='pinglun'><i class='icon iconfont icon-pinglun1'></i><span>355</span></a>
                <a href="javascript:;" class='xihuan'><i class='icon iconfont icon-xihuan1'></i><span>333r</span></a>
                <a href="javascript:;" class='money'><i class='icon iconfont icon-money-8'></i><span>33333</span></a>
              </div>
              <!-- 评论 -->
              <div class="hidden">
                <div class="sya clearfix">
                  <input type="text">
                  <a href="javascr:;">评论</a>
                </div>
                <ul class='inner' id='inner'>
                  <li class='clearfix'>
                    <div class="fl avator">
                      <img src="static/img/img_all01.png" alt="">
                    </div>
                    <div class="content">
                      <div class="top">
                        <span>彭于晏</span><span>11天前</span>
                      </div>
                      <div class="mid">
                        <p>呵呵～你记错了，明明是李炬好不好</p>
                        <div class="has-child">
                          <div class="name">吴彦祖</div>
                          <div class="con">
                            <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                          </div>
                        </div>
                      </div>
                      <div class="bottom">
                        <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                        <div class="hidden">
                          <div class="box clearfix">
                            <div class="fl saytowho">
                              回复 <span>彭于晏</span>:
                            </div>
                            <input type="text" class='huifu'>
                          </div>
                          <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class='clearfix'>
                    <div class="fl avator">
                      <img src="static/img/img_all02.png" alt="">
                    </div>
                    <div class="content">
                      <div class="top">
                        <span>吴彦祖</span><span>11天前</span>
                      </div>
                      <div class="mid">
                        <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                      </div>
                      <div class="bottom">
                        <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                        <div class="hidden">
                          <div class="box clearfix">
                            <div class="fl saytowho">
                              回复 <span>珍珠问</span>:
                            </div>
                            <input type="text" class='huifu'>
                          </div>
                          <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
                <a href="javascript:;" class='see-xinqing'>查看更多评论</a>
              </div>
            </li>

            <!-- 这条是帮宣！！！！图片作品 -->
            <li class='help'>
              <div class="who">
                <img src="static/img/img_all02.png" alt=""><span>狄仁杰</span><span>2小时前</span>
              </div>
              <div class="help-who">
                <p>帮宣了<span>王昭君</span>的<span>一个人旅行</span></p>
                <p>很赞哦，给你撒花！！</p>
              </div>
              <div class="xingqing zuoping">
                <p><img src="static/img/zuoping.png"  alt="" title='图片'><span class="title">一个人旅行</span></p>
                <div class="text">
                  「想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人。」
                </div>
                <div class="xingqing-img">
                  <ul class='clearfix'>
                    <li>
                      <img src="static/img/img_all01.png" height="210" width="267" alt="">
                    </li>
                    <li>
                      <img src="static/img/img_all02.png" height="210" width="267" alt="">
                    </li>
                    <li>
                      <img src="static/img/img_all01.png" height="210" width="267" alt="">
                    </li>
                    <li>
                      <img src="static/img/img_all02.png" height="210" width="267" alt="">
                    </li>
                  </ul>
                </div>
                <div class="type">
                  <span>插画</span><span>原话</span><span>萌萌哒</span>
                </div>
              </div>
              <div class="ggg clearfix">
                <a href="javascript:;" class='xing'><i class='icon iconfont icon-xing3'></i><span>333</span></a>
                <a href="javascript:;" class='zhuanfa'><i class='icon iconfont icon-zhuanfa'></i><span>45</span></a>
                <a href="javascript:;" class='pinglun'><i class='icon iconfont icon-pinglun1'></i><span>355</span></a>
                <a href="javascript:;" class='xihuan'><i class='icon iconfont icon-xihuan1'></i><span>333r</span></a>
                <a href="javascript:;" class='money'><i class='icon iconfont icon-money-8'></i><span>33333</span></a>
              </div>
              <!-- 评论 -->
              <div class="hidden">
                <div class="sya clearfix">
                  <input type="text">
                  <a href="javascr:;">评论</a>
                </div>
                <ul class='inner' id='inner'>
                  <li class='clearfix'>
                    <div class="fl avator">
                      <img src="static/img/img_all01.png" alt="">
                    </div>
                    <div class="content">
                      <div class="top">
                        <span>彭于晏</span><span>11天前</span>
                      </div>
                      <div class="mid">
                        <p>呵呵～你记错了，明明是李炬好不好</p>
                        <div class="has-child">
                          <div class="name">吴彦祖</div>
                          <div class="con">
                            <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                          </div>
                        </div>
                      </div>
                      <div class="bottom">
                        <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                        <div class="hidden">
                          <div class="box clearfix">
                            <div class="fl saytowho">
                              回复 <span>彭于晏</span>:
                            </div>
                            <input type="text" class='huifu'>
                          </div>
                          <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class='clearfix'>
                    <div class="fl avator">
                      <img src="static/img/img_all02.png" alt="">
                    </div>
                    <div class="content">
                      <div class="top">
                        <span>吴彦祖</span><span>11天前</span>
                      </div>
                      <div class="mid">
                        <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                      </div>
                      <div class="bottom">
                        <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                        <div class="hidden">
                          <div class="box clearfix">
                            <div class="fl saytowho">
                              回复 <span>珍珠问</span>:
                            </div>
                            <input type="text" class='huifu'>
                          </div>
                          <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
                <a href="javascript:;" class='see-xinqing'>查看更多评论</a>
              </div>
            </li>

            <!-- 这条是文字作品 -->
            <li>
              <div class="who">
                <img src="static/img/img_all01.png" alt=""><span>王昭君</span><span>2小时前</span>
              </div>
              <div class="xingqing zuoping">
                <p><img src="static/img/icon_articlea.png"  alt="" title='文章'><span class="title">一个人旅行</span></p>
                <div class="text">
                  想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人。想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人」
                </div>
                <div class="type">
                  <span>插画</span><span>原话</span><span>萌萌哒</span>
                </div>
              </div>
              <div class="ggg clearfix">
                <a href="javascript:;" class='xing'><i class='icon iconfont icon-xing3'></i><span>333</span></a>
                <a href="javascript:;" class='zhuanfa'><i class='icon iconfont icon-zhuanfa'></i><span>45</span></a>
                <a href="javascript:;" class='pinglun'><i class='icon iconfont icon-pinglun1'></i><span>355</span></a>
                <a href="javascript:;" class='xihuan'><i class='icon iconfont icon-xihuan1'></i><span>333r</span></a>
                <a href="javascript:;" class='money'><i class='icon iconfont icon-money-8'></i><span>33333</span></a>
              </div>
              <!-- 评论 -->
              <div class="hidden">
                <div class="sya clearfix">
                  <input type="text">
                  <a href="javascr:;">评论</a>
                </div>
                <ul class='inner' id='inner'>
                  <li class='clearfix'>
                    <div class="fl avator">
                      <img src="static/img/img_all01.png" alt="">
                    </div>
                    <div class="content">
                      <div class="top">
                        <span>彭于晏</span><span>11天前</span>
                      </div>
                      <div class="mid">
                        <p>呵呵～你记错了，明明是李炬好不好</p>
                        <div class="has-child">
                          <div class="name">吴彦祖</div>
                          <div class="con">
                            <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                          </div>
                        </div>
                      </div>
                      <div class="bottom">
                        <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                        <div class="hidden">
                          <div class="box clearfix">
                            <div class="fl saytowho">
                              回复 <span>彭于晏</span>:
                            </div>
                            <input type="text" class='huifu'>
                          </div>
                          <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class='clearfix'>
                    <div class="fl avator">
                      <img src="static/img/img_all02.png" alt="">
                    </div>
                    <div class="content">
                      <div class="top">
                        <span>吴彦祖</span><span>11天前</span>
                      </div>
                      <div class="mid">
                        <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                      </div>
                      <div class="bottom">
                        <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                        <div class="hidden">
                          <div class="box clearfix">
                            <div class="fl saytowho">
                              回复 <span>珍珠问</span>:
                            </div>
                            <input type="text" class='huifu'>
                          </div>
                          <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
                <a href="javascript:;" class='see-xinqing'>查看更多评论</a>
              </div>
            </li>

            <!-- 这条是帮宣！！！！文字作品 -->
            <li class='help'>
              <div class="who">
                <img src="static/img/img_all02.png" alt=""><span>狄仁杰</span><span>2小时前</span>
              </div>
              <div class="help-who">
                <p>帮宣了<span>王昭君</span>的<span>一个人旅行</span></p>
                <p>很赞哦，给你撒花！！</p>
              </div>
              <div class="xingqing zuoping">
                <p><img src="static/img/icon_articlea.png"  alt="" title='文章'><span class="title">一个人旅行</span></p>
                <div class="text">
                  想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人。想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人想念让落单人心情变成了 夜里的诗人 / 等待让多数人梦里变成了 寂寞的旅人」
                </div>
                <div class="type">
                  <span>插画</span><span>原话</span><span>萌萌哒</span>
                </div>
              </div>
              <div class="ggg clearfix">
                <a href="javascript:;" class='xing'><i class='icon iconfont icon-xing3'></i><span>333</span></a>
                <a href="javascript:;" class='zhuanfa'><i class='icon iconfont icon-zhuanfa'></i><span>45</span></a>
                <a href="javascript:;" class='pinglun'><i class='icon iconfont icon-pinglun1'></i><span>355</span></a>
                <a href="javascript:;" class='xihuan'><i class='icon iconfont icon-xihuan1'></i><span>333r</span></a>
                <a href="javascript:;" class='money'><i class='icon iconfont icon-money-8'></i><span>33333</span></a>
              </div>
              <!-- 评论 -->
              <div class="hidden">
                <div class="sya clearfix">
                  <input type="text">
                  <a href="javascr:;">评论</a>
                </div>
                <ul class='inner' id='inner'>
                  <li class='clearfix'>
                    <div class="fl avator">
                      <img src="static/img/img_all01.png" alt="">
                    </div>
                    <div class="content">
                      <div class="top">
                        <span>彭于晏</span><span>11天前</span>
                      </div>
                      <div class="mid">
                        <p>呵呵～你记错了，明明是李炬好不好</p>
                        <div class="has-child">
                          <div class="name">吴彦祖</div>
                          <div class="con">
                            <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                          </div>
                        </div>
                      </div>
                      <div class="bottom">
                        <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                        <div class="hidden">
                          <div class="box clearfix">
                            <div class="fl saytowho">
                              回复 <span>彭于晏</span>:
                            </div>
                            <input type="text" class='huifu'>
                          </div>
                          <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class='clearfix'>
                    <div class="fl avator">
                      <img src="static/img/img_all02.png" alt="">
                    </div>
                    <div class="content">
                      <div class="top">
                        <span>吴彦祖</span><span>11天前</span>
                      </div>
                      <div class="mid">
                        <p>听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？听说有个叫姜明的人比我帅？</p>
                      </div>
                      <div class="bottom">
                        <div class="btn"><i class='icon iconfont icon-pinglun'></i><i class='icon iconfont icon-zan'></i><span>23</span></div>
                        <div class="hidden">
                          <div class="box clearfix">
                            <div class="fl saytowho">
                              回复 <span>珍珠问</span>:
                            </div>
                            <input type="text" class='huifu'>
                          </div>
                          <div class="submit clearfix"><a href="javascript:;">发言</a></div>
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
                <a href="javascript:;" class='see-xinqing'>查看更多评论</a>
              </div>
            </li>

            <!-- 这条是广告 -->
            <li>
              <label><span>广告</span><i class='icon iconfont icon-cha'></i></label>
              <div class="who">
                <img src="static/img/img_all01.png" alt=""><span>麦当劳</span><span>2小时前</span>
              </div>
              <div class="xingqing zuoping">
                <div class="text">
                  麦当劳全新套餐等你来体验！！！
                </div>
              </div>
              <div class="adv">
                <img src="static/img/adver.png" alt="">
              </div>
            </li>
          </ul>
          <div class="loading">
            <div class="spinner">
              <div class="spinner-container container1">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
              </div>
              <div class="spinner-container container2">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
              </div>
              <div class="spinner-container container3">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 打赏弹框 -->
    <div class="shang" id='shang'>
      <img src="static/img/img_all02.png" alt="" class='author'>
      <p>如果觉得我的作品不错，欢迎打赏支持哦~~</p>
      <ul class='clearfix'>
        <li data-id='1'><i class='icon iconfont icon-yugu1'></i>1.0</li>
        <li data-id='2'><i class='icon iconfont icon-yugu1'></i>2.0</li>
        <li data-id='3'><i class='icon iconfont icon-yugu1'></i>3.0</li>
        <li data-id='5'><i class='icon iconfont icon-yugu1'></i>5.0</li>
        <li data-id='6' class='active'><i class='icon iconfont icon-yugu1'></i>6.0</li>
        <li data-id='7'><i class='icon iconfont icon-yugu1'></i>7.0</li>
        <li data-id='8'><i class='icon iconfont icon-yugu1'></i>8.0</li>
        <li data-id='9'><i class='icon iconfont icon-yugu1'></i>9.0</li>
        <li data-id='10'><i class='icon iconfont icon-yugu1'></i>10.0</li>
      </ul>
      <div class="balance">
        我的鱼币:<span>88</span><a href="javascript:;"><i class='icon iconfont icon-you'></i></a>
      </div>
    </div>
    <!-- 打赏弹框 -->

     <!-- footer -->
    <div class="footer">
      <div class="wrap">
        <div class="content clearfix">
          <div class="left fl">
            <dl>
              <dt><a href="javascript:;">摸了个鱼</a></dt>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
            </dl>
          </div>
          <div class="mid fl">
            <dl>
              <dt><a href="javascript:;">友情链接</a></dt>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
            </dl>
          </div>
          <div class="right">
            <div class="box">
              <img src="static/img/footer1.png" height="120" width="120" alt="">
              <p>手机端下载</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
            <div class="box">
              <img src="static/img/footer2.png" height="120" width="122" alt="">
              <p>官方微信</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
            <div class="box">
              <img src="static/img/footer3.png" height="120" width="120" alt="">
              <p>官方微博</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
          </div>
        </div>
        <div class="pt40">
          <p>摸了个鱼用户所发布展示的原创作品版权归原作者所有，任何商业用途均须联系作者。</br>如未经授权用作他处，作者将保留追究侵权者法律责任的权利</p>
        </div>
        <div class='bot'>
          <span>京ICP备11017824号-4&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;京ICP证130164号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;北京市公安局朝阳分局备案编号:11010502000501</span>
        </div>
        </div>
      </div>
    </div>

  </div>
  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script src="assets/libs/jquery.qqFace.js"></script>
  <script src='assets/libs/layer/layer.js'></script>
  <script type="text/javascript" src='static/js/liju.js'></script>
  <script>
  $(function () {
    $('.detail').on('click', '.icon-pinglun', function () {
      $(this).parent().next('.hidden').slideToggle()
    })
    $('.detail').on('click', '.icon-pinglun1', function () {
      $(this).closest('.ggg').next('.hidden').slideToggle()
    })
    $('#space-pic').click(function(event) {
      $('#pic-hiden').toggle()
    });
    $('.emotion').qqFace({ 
        assign:'saytext', //给输入框赋值 
        path:'assets/libs/arclist/'//表情图片存放的路径 
    });
  })
  </script>
</body>
</html>